<div id="${componentId}_div" xmlns:t="http://tapestry.apache.org/schema/tapestry_5_0_0.xsd">
	<script type="text/javascript">
		RUZEE.Events.add(window,'domload',function(){
		  new GraphicalSlider("${componentId}_div", "${selectedImage}", "${unselectedImage}");
		});
	</script>
	<t:radiogroup value="inherit:value">
		<t:loop source="splitSource" value="loopValue">
			<span class="${itemDisplayClass}">
				<span class="t-invisible">
					<t:radio value="loopValue" label="prop:radioLabel" />
					<t:label for="radio" />
				</span>
				<img id="${componentId}_img_${loopValue}" src="${itemImage}" alt="${radioLabel}" />
			</span>
		</t:loop>
	</t:radiogroup>
</div>